body,html {
	height: 100%
}

body.hide,html.hide {
	height: 100%!important;
	overflow: hidden!important
}

.bdbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.adrM {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f6f6f6;
	z-index: 22;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
}

.adrM.hide {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.adrM .icon-check,.adrM .icon-del,.adrM .icon-edit {
	display: inline-block;
	width: 18px;
	height: 18px
}

.adrM .icon-del {
	background: url(../images/icon_del2.png) center no-repeat;
	background-size: 18px auto
}

.adrM .icon-edit {
	background: url(../images/icon_edit.png) center no-repeat;
	background-size: 18px auto
}

.adrM .icon-check {
	margin-left: 0;
	background: 0 0;
	border: 1px solid #cecece;
	border-radius: 50%
}

.adrM .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #4b4b4b
}

.adrM .top .btn-backArrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	background: url(../images/icon_arrowBack.png) center no-repeat;
	background-size: 10px auto
}

.adrM .content {
	position: absolute;
	width: 100%;
	top: 44px;
	bottom: 44px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.adrM .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	line-height: 44px
}

.adrM .bottom a {
	display: block;
	width: 100%;
	height: 100%;
	background: #ff5001;
	color: #fff;
	font-size: 16px;
	text-align: center
}

.adrM .bottom.twobtn a {
	width: 50%
}

.adrM .bottom.twobtn a.green {
	background: #0DB711
}

.adrM-list {
	z-index: 22
}

.adrM-list .list {
	padding: 8px
}

.adrM-list .list li {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 12px;
	margin-bottom: 8px
}

.adrM-list .list li a {
	display: block;
	font-size: 14px;
	color: #4b4b4b
}

.adrM-list .list li .infos {
	border-bottom: 1px solid #F1F1F1
}

.adrM-list .list li .infos span {
	margin-right: 3px
}

.adrM-list .list li .infos p {
	padding-bottom: 5px
}

.adrM-list .list li .actions {
	padding-top: 8px
}

.adrM-list .list li .actions a {
	margin-left: 10px
}

.adrM-list .list li .actions a i,.adrM-list .list li .actions a span {
	vertical-align: middle
}

.adrM-list .list li .actions a.btn-check {
	margin-left: 0
}

.adrM-list .list li .actions .btn-check.checked {
	color: #F50
}

.adrM-list .list li .actions .btn-check.checked .icon-check {
	border: 0;
	background: url(../images/set3.png) center no-repeat;
	background-size: 18px auto
}

.adrM-add {
	z-index: 23
}

.adrM-add .add {
	margin-top: 8px;
	border-top: #F1F1F1 solid 1px;
	overflow: hidden
}

.adrM-add .add li {
	height: 45px;
	line-height: 45px;
	border-bottom: #F1F1F1 solid 1px;
	background: #fff;
	display: block;
	font-size: 13px
}

.adrM-add .add li label {
	float: left;
	width: 25%;
	text-align: right;
	color: #777
}

.adrM-add .add li .ip {
	display: block;
	float: left;
	width: 70%;
	height: 18px;
	line-height: normal;
	padding: 13px 2%;
	border: 0;
	color: #4b4b4b
}

.adrM-add .add li.textarea {
	height: 100px
}

.adrM-add .add li.textarea textarea {
	width: 73%;
	height: 100%;
	margin: 0;
	padding: 12px 2%;
	color: #4b4b4b;
	border: 0;
	background: 0 0
}

.adrM-selectArea {
	z-index: 24
}

.adrM-selectArea .content {
	bottom: 0
}

.adrM-selectArea .area-list {
	border-top: 1px solid #F1F1F1
}

.adrM-selectArea .area-list li a {
	position: relative;
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
	color: #4b4b4b;
	padding: 0 18px;
	background: #fff;
	border-bottom: 1px solid #F1F1F1
}

.adrM-selectArea .area-list li a::after {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	content: " ";
	width: 13px;
	height: 100%;
	background: url(../images/icon_arrowBack.png) center no-repeat;
	background-size: 7px auto;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.adrM-selectArea .area-list li a.selected {
	background: #FE5000;
	color: #fff
}

.adrM-selectArea .area-list li a.selected::after {
	background-image: url(../images/icon_arrowBack_white.png)
}

.adrM-selectArea .area-list li a.noArrow::after {
	display: none
}